<template>
  <div>
    <h4>component C valueA from component A:{{ valueA }}</h4>
    <h4>component C value from component B:{{ value }}</h4>
    <h4>component C valueB from component B:{{ valueB }}</h4>
    <h4>component C valueC from itself:{{ valueC }}</h4>
  </div>
</template>
<script>
export default {
  props: {
    value: {
      type: [String, Number]
    },
    valueA: {
      type: [String, Number]
    },
    valueB: {
      type: [String, Number]
    }
  },
  data: () => ({
    valueC: 'C'
  })
}
</script>
<style lang="">

</style>